import {
  DatePicker,
  Col,
  Row,
  DataSet,
} from 'choerodon-ui/pro';
import React, { useMemo } from 'react';
import DateDs from './datePickerDataSet';

const DatePick: React.FC = (): React.ReactElement => {

  const timeDs: DataSet = useMemo(() => new DataSet(DateDs()), []);

  return (
    <Row gutter={10}>
      <Col span={24}>
        <DatePicker dataSet={timeDs} name="date" placeholder={['Start Date', 'End Date']} />
      </Col>
      <Col span={24}>
        <DatePicker dataSet={timeDs} name="datetime" placeholder="Choose datetime" />
      </Col>
    </Row>
  );
};
export default DatePick;